<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Journey through Space: A 3rd grade science learning module</title>
        <script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
        <script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
        <script src="scripts/scripts.js" language="javascript"></script>
        <link href="styles/styles.css" type="text/css" rel="stylesheet"/>
    </head>
    
    <body onload="javascript:visitNeptune()">
        <div>
            <div>
                <table id="indextable">
                    <tr>
                        <td align="center"><img src="images/mercurytoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/venustoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/earthtoon.png" height="20px" width="20px"/></td>
                    </tr>
                        <td align="center"><img src="images/marstoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/suntoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/jupitertoon.png" height="20px" width="20px"/></td>
                    <tr>
                        <td align="center"><img src="images/saturntoon.png" height="20px" width="45px"/></td>
                        <td align="center"><img src="images/uranustoon.png" height="20px" width="30px"/></td>
                        <td align="center"><img src="images/neptunetoon.png" height="20px" width="20px"/></td>
                    </tr>
                </table>
            </div>
                            
            <div id="headerimage">
                <a name="top">
                <img src="images/header.jpg"
                    alt="image of module title - Journey through Space: a 3rd grade science learning module"
                    title="image of module title - Journey through Space: a 3rd grade science learning module"
                    width="82%"/>
                </a>
            </div>
        </div>
        
        <div id="nav">
            <div id="nav_wrapper">
                <ul>
                    <li><a class="show" href="welcome.html">Welcome!</a>
                    </li>
                    <li><a class="show" href="sun.html">The Sun</a>
                    </li>
                    <li><a class="show" href="#">Rocky Planets</a>
                        <ul>
                            <li><a class="show" href="terresterial.html">Rocky Planet Intro</a>
                            </li>
                            <li><a class="show" href="mercury.html">Mercury</a>
                            </li>
                            <li><a class="show" href="venus.html">Venus</a>
                            </li>
                            <li><a class="show" href="earth.html">Earth</a>
                            </li>
                            <li><a class="show" href="mars.html">Mars</a>
                            </li>
                            <li><a class="show" id="terresterialquizlink" href="terresterialquiz.html">Rocky Planets Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="show" href="moon.html">The Moon</a>
                    </li>
                    <li><a class="show" href="asteroid.html">Asteroid Belt</a>
                    </li>
                    <li><a class="show" href="#">Gas Giants</a>
                        <ul>
                            <li><a class="show" href="gaseous.html">Gas Giants Intro</a>
                            </li>
                            <li><a class="show" href="jupiter.html">Jupiter</a>
                            </li>
                            <li><a class="show" href="saturn.html">Saturn</a>
                            </li>
                            <li><a class="show" href="uranus.html">Uranus</a>
                            </li>
                            <li><span class="menu-link-inactive" class="show" href="neptune.html">
                                Neptune</span>
                            </li>
                            <li><a class="hide" id="gaseousquizlink" href="gaseousquiz.html">Gas Giants Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li> <a class="hide" id="finalquizlink" href="endquiz.html">Final Quiz</a>
                    </li>
                    <li> <a class="hide" id="certificate" href="certificate.html">Certificate</a>
                    </li>
                </ul>
            </div>
            <!-- Nav wrapper end -->
        </div>
        <!-- Nav end -->
        
        <div>
            <article>
                <header>
                    <table align="center">
                        <tr>
                            <th><img src="images/boyastro.jpg" height="50px" width="50px"/></th>
                            <th><h1>Neptune: The eighth planet from the Sun</h1></th>
                            <th><img src="images/girlastro.jpg" height="50px" width="50px"/></th>
                        </tr>
                    </table>
                </header>
                
                <aside>
                    <table>
                        <tr>
                            <img src="images/neptune.jpg"
                                alt="Anticyclonic Storm"
                                title="Anticyclonic Storm"/>
                        </tr>
                        <tr>
                            <p>The Great Dark Spot of Neptune is called an anticyclonic storm. These 
                                storms come and go every few years according to readings from NASA's 
                                Voyager 2 spaceprobe.</p>
                        </tr> 
                        <tr>
                            <img src="images/neptune2.jpg"
                                alt="Size comparison of Neptune and Earth"
                                title="Size comparison of Neptune and Earth"/>
                        </tr>
                        <tr>
                            <p>Neptunes mass is 17 times larger than Earth's.</p>
                        </tr> 
                    </table>
                </aside>
                
                <section>
                    <div class="center">
                        <img src="images/neptunecomic.png"
                            alt="Introduction comic to the Neptune page."
                            title="Introduction comic to the Neptune page."/>
                        <br/>
                        <audio controls>
                            <source src="audio/neptune.mp3" type="audio/mpeg">
                            <source src="audio/neptune.ogg" type="audio/ogg">
                            <source src="audio/neptune.wav" type="audio/wav">
                        </audio>
                    </div>
                    
                    <h3>Interesting Facts</h3>
                        <ul>
                            <li>Neptune is the farthest planet from the Sun which makes it very difficult 
                                to study from Earth</li>
                        	<li>Neptune was discovered when astronomers were investigating the orbiting 
                        	    patterns of Uranus. Early astronomers believed that it was a star, but 
                        	    later classified it as a planet.</li>
                        	<li>It is the smallest of the Gas Giants, but 50 times larger than Earth.</li>
                        	<li>It has uneven rings that are filled with particles.</li>
                        	<li>Neptune is made with a rocky core and gases. Methane makes it appear 
                        	    blue.</li>
                    		<li>Triton, one of Neptune’s thirteen moons, has a <em>retrograde orbit</em> 
                    		    which causes it to spin in the opposite direction of Neptune.</li>
                        	<li>Scientist compare its surface to a cantaloupe and have observed volcanic 
        						activity, ridges and pits. Scientist believe there is water under its 
        						surface.</li>
                        </ul>
				 
				    <h3>Neptune's Storm</h3>
				        <p>There is a storm on the surface of Neptune called the Great Dark Spot. 
                            This storm is similar to Jupiters "Great Red Spot", but unlike Jupiters 
                            storm, the lifetime of Neptune's storm appears to be shorter, forming 
                            and dissipating once every few years or so.</p>
                
                    <a href="#top">Back to top</a>
                </section>
            </article>
        </div>
        
        <div>
            <footer>
                <cite>All information was collected from 
                    <a href="http://www.wikipedia.org">Wikipedia</a>, 
                    <a href="http://www.nasa.gov">NASA</a>, 
                    Etsy - Pretty Grafik Design</a>, &amp Etsy - Paula Kim Studio</a>
                </cite>
            </footer>
        </div>
    </body>
</html>
